<template>
	<view class="contcnt">
		<view class="topSearch_scroll">
			<scroll-view class="itemList" :scroll-x="true" :show-scrollbar="false">
				<view class="itemList_son">
					<image src="../static/images/doyear.png" class="itemList_son_img" mode=""></image>
					<view class="itemList_son_txt">
						年检代办
					</view>
				</view>
				<view class="itemList_son">
					<image src="../static/images/helper.png" class="itemList_son_img" mode=""></image>
					<view class="itemList_son_txt">
						道路救援
					</view>
				</view>
				<view class="itemList_son">
					<image src="../static/images/cleard.png" class="itemList_son_img" mode=""></image>
					<view class="itemList_son_txt">
						优惠洗车
					</view>
				</view>
				<view class="itemList_son">
					<image src="../static/images/selectd.png" class="itemList_son_img" mode=""></image>
					<view class="itemList_son_txt">
						违章查询
					</view>
				</view>
				<view class="itemList_son">
					<image src="../static/images/sized.png" class="itemList_son_img" mode=""></image>
					<view class="itemList_son_txt">
						卖车估价
					</view>
				</view>
				<view class="itemList_son">
					<image src="../static/images/priced.png" class="itemList_son_img" mode=""></image>
					<view class="itemList_son_txt">
						车险报价
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.contcnt {
		background-color: #FFFFFF;
	}

	.topSearch_scroll {
		width: 100%;
		height: 130rpx;

		.itemList {
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			height: 100%;

			.itemList_son {
				display: inline-block;
				width: 100rpx;
				height: 100%;
				text-align: center;
				margin-right: 40rpx;

				.itemList_son_img {
					width: 95rpx;
					height: 95rpx;
					border-radius: 50rpx;
				}

				.itemList_son_txt {
					font-size: 21rpx;
					color: #505050;
				}
			}
		}
	}
</style>
